<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin:0;
				padding:0;
			}
			div{
				width:500px;
				height:300px;
				background: blue;
				/*translateX x轴位移 translateY()y轴位移 translateZ()z轴位移*/
				/*transform: translateX(200px) translateY(100px);*/
				/*transform: translate(200px,100px);*/
				/*如果是百分比,那么百分比是相对于自身的宽度和高度*/
				/*transform: translate(50%,50%);*/
				position:absolute;
				top:50%;
				left:50%;
				transform: translate(-50%,-50%);
				
			}
		</style>
	</head>
	<body>
		<div>dfjklasdjfkladsjfl </div>
	</body>
</html>
